<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>标题</title>
  <style>
    .one {
      width: 200px;
      height: 200px;
      border: 1px solid red;
    }
  </style>
</head>
<body>
<input type="button" value="注册事件" id="btn1"/>
<input type="button" value="解绑事件" id="btn2"/> <br/><br/>
<div class="one" id="one"></div>
</body>
</html>
<script src="jquery-1.12.4.js"></script>
<script>
  $(function () {
    //jQuery用on来注册事件,那就用off来解绑事件.

    $('#btn1').on('click',function(){
      $('#one').on({
        click:function(){
          console.log('鼠标点击事件');
        },
        mouseenter:function(){
          console.log('鼠标移入事件');
        }
      })
    })
    $('#btn2').on('click',function(){
      //不写参数移除所有的事件，写了参数单个移除
      $('#one').off('click mouseenter')
        
      })
   
  });
</script>